$(function () {
    // 商品分类
    // 显示隐藏
    $('.logoo').hover(function () {
        $(this).siblings('.list').removeClass('din')
    }, function () {
        $(this).siblings('.list').addClass('din')
    })
    $('.list').hover(function () {
        $(this).removeClass('din')
    }, function () {
        $(this).addClass('din')
    })
    // 压线
    $('.list>p').mouseover(function () {
        let $index = $(this).index()
        $(`.details div:eq(${$index})`).css({ display: 'block' })
    })
    $('.list>p').mouseout(function () {
        let $index = $(this).index()
        $(`.details div:eq(${$index})`).css({ display: 'none' })
    })
    $('.details div').mouseover(function () {
        $(this).css({ display: 'block' })
        $('.list').removeClass('din')
    })
    $('.details div').mouseout(function () {
        $(this).css({ display: 'none' })
        $('.list').addClass('din')
    })
})

$(function () {
    //主轮播图
    $("#bannerInner").tyslide({
        boxh: 420,//盒子的高度
        w: 1000,//盒子的宽度
        h: 390,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 50,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });
})






// 构造函数
function Lun(selectir, options) {
    this.index = 0;
    this.selectir = selectir
    if(options && options.controls){
        this.fl()
    }
}
// 初始化行为
Lun.prototype.fn = function () {
    let self = this;
    let $uls = $(self.selectir + '>div ul')
    let widd = $uls.outerWidth()
    let lennn = $uls.length
    $(self.selectir + '>div:first').css('width', (lennn - 1) * widd)
    let heig = $uls.outerWidth()
    self.index++
    // index * heig * -1
    // index-=heig 
    $(self.selectir + '>div:first').stop(true, true).animate({ left: -self.index * heig }, 500, function () {
        if (self.index === 3) {
            $(self.selectir + '>div:first').css('left', '0')
            self.index = 0
        }
    })
}

let p1 = new Lun('.dalun')
let p4 = new Lun('.dalun')
setInterval(function () {
    p1.fn()
}, 3000)
$('.huan').click(function () {
    p4.fn()
})

// 点击
// 独家提供
$('.exclusives p').mouseover(function () {
    $(this).siblings('p').removeClass('on')
    $(this).addClass('on')
})

Lun.prototype.fl = function(){
    let self = this
    let $Uls = $(self.selectir+'>div ul')
$('.left1').click(function () {
    let heit = $Uls.outerWidth()
    let leng = $Uls.length
    self.num--
    if (self.num < 0) {
        $(self.selectir+'>div:first').css('left', self.num * heit)
        self.num = leng - 2
    }
    $(self.selectir+'>div:first').stop().animate({ left: -self.num * heit }, 500, function () {

    })
    self.fn()
})
// 右边
$('.reight1').click(function () {
    let heit = $Uls.outerHeight()
    let leng = $Uls.length
    self.num++

    $(self.selectir+'>div:first').stop(false,true).animate({ top: -self.num * heit }, 500, function () {

        if (self.num == leng - 1) {
            $(self.selectir+'>div:first').css('top', '0')
            self.num = 0
        }
    })
    self.fn()
})
}

// 自动轮播

let p3 = new Lun('.poaaa')
setInterval(function () {
    p3.fn()
}, 3000)

let p2 = new Lun('.poaaa',{controls:true})
p2.fn()





// $('.reight1').click(function () {
//     let heit = $('.recul').outerHeight()
//     let leng = $('.recul').length
//     num++

//     $('.recommendthe').stop(false,true).animate({ top: -num * heit }, 500, function () {

//         if (num == leng - 1) {
//             $('.recommendthe').css('top', '0')
//             num = 0
//         }
//     })
// })



// // 猜你喜欢
// let widd = $('.lun ul').outerWidth()
// let lennn = $('.lun ul').length
// $('.lun').css('width',(lennn-1) * widd)
// let index = 0
// function fn() {
//     let heig = $('.lun ul').outerWidth()
//     index++
//     // index * heig * -1
//     // index-=heig 
//     $('.lun').stop(true, true).animate({ left: -index * heig }, 500, function () {
//         if (index === 3) {
//             $('.lun').css('left', '0')
//             index = 0
//         }
//     })
// }
// // 点击
// $('.huan').click(function () {
//     fn()
// })

// // 计时器
// let jsq = setInterval(function () {
//     fn()
// }, 3000)

// 移入停止,移出继续
$('.dalun').hover(function () {
    clearInterval(jsq)
}, function () {
    jsq = setInterval(function () {
        fn()
    }, 3000)
})



// // 独家提供

// $('.exclusives p').mouseover(function () {
//     $(this).siblings('p').removeClass('on')
//     $(this).addClass('on')
// })

// let num = 0
// $('.left1').click(function () {
//     let heit = $('.recul').outerHeight()
//     let leng = $('.recul').length
//     console.log(leng);
//     num--
//     if (num < 0) {
//         $('.recommendthe').css('top', num * heit)
//         num = leng - 2
//     }
//     $('.recommendthe').stop().animate({ top: -num * heit }, 500, function () {

//     })
// })
// $('.reight1').click(function () {
//     let heit = $('.recul').outerHeight()
//     let leng = $('.recul').length
//     num++

//     $('.recommendthe').stop(false,true).animate({ top: -num * heit }, 500, function () {

//         if (num == leng - 1) {
//             $('.recommendthe').css('top', '0')
//             num = 0
//         }
//     })
// })


// 手风琴
$('.boList').hover(function(){
    $(this).css('height','140px')
    $(this).find('img').css('marginTop','20px')
},function(){
    $(this).css('height','38px')
    $(this).find('img').css('margin','0')
})

$('.boList span:gt(2)').css('backgroundColor','#b3b3b3')


// 新书上架的手风琴
  $('.bookRight ul li').hover(function () {
    $(this).find('h4').hide() //addClass('din')
    $(this).find('div').show() //removeClass('din')
    $(this).siblings().find('h4').show()
    $(this).siblings().find('div').hide()
})
$('.bookRight ul li span:lt(3)').css({ color: 'red' })

